@extends('admin/layout/master')
@section('style')
    <style>
        .welcome {
            padding: 20px;
        }
        .welcome .el-col {
            margin-bottom: 20px;
        }
        .welcome .el-card__header {
            color: #666;
        }
        .stat_num {
            font-size: 24px;
            color: #67C23A;
        }
    </style>
@stop
@section('content')
    <div class="welcome">
        <el-row :gutter="20">
            <el-col :xs="24" :sm="12" :md="6" :lg="4" :xl="4">
                <el-card>
                    <div slot="header">
                        <span>注册用户</span>
                    </div>
                    <div class="stat_num">
                        {{$stat['total_users']}}个
                    </div>
                </el-card>
            </el-col>
            <el-col :xs="24" :sm="12" :md="6" :lg="4" :xl="4">
                <el-card>
                    <div slot="header">
                        <span>充值用户</span>
                    </div>
                    <div class="stat_num">
                        {{$stat['total_recharge_users']}}个
                    </div>
                </el-card>
            </el-col>
            <el-col :xs="24" :sm="12" :md="6" :lg="4" :xl="4">
                <el-card>
                    <div slot="header">
                        <span>总收入</span>
                    </div>
                    <div class="stat_num">
                        {{$stat['total_pay_amount']}}元
                    </div>
                </el-card>
            </el-col>
            <el-col :xs="24" :sm="12" :md="6" :lg="4" :xl="4">
                <el-card>
                    <div slot="header">
                        <span>累计充值额</span>
                    </div>
                    <div class="stat_num">
                        {{$stat['total_recharge_amount']}}元
                    </div>
                </el-card>
            </el-col>
            <el-col :xs="24" :sm="12" :md="6" :lg="4" :xl="4">
                <el-card>
                    <div slot="header">
                        <span>等待充值额</span>
                    </div>
                    <div class="stat_num">
                        {{$stat['total_wait_amount']}}元
                    </div>
                </el-card>
            </el-col>
            <el-col :xs="24" :sm="12" :md="6" :lg="4" :xl="4">
                <el-card>
                    <div slot="header">
                        <span>已充值金额</span>
                    </div>
                    <div class="stat_num">
                        {{$stat['total_amount_one']}}元
                    </div>
                </el-card>
            </el-col>
        </el-row>
        <el-row :gutter="20">
            <el-col :xs="24" :sm="12" :md="6" :lg="4" :xl="4">
                <el-card>
                    <div slot="header">
                        <span>已发放的优惠券数</span>
                    </div>
                    <div class="stat_num">
                        {{$stat['total_coupon_one']}}张
                    </div>
                </el-card>
            </el-col>
            <el-col :xs="24" :sm="12" :md="6" :lg="4" :xl="4">
                <el-card>
                    <div slot="header">
                        <span>已使用的优惠券数</span>
                    </div>
                    <div class="stat_num">
                        {{$stat['total_coupon_used']}}张
                    </div>
                </el-card>
            </el-col>
            <el-col :xs="24" :sm="12" :md="6" :lg="4" :xl="4">
                <el-card>
                    <div slot="header">
                        <span>已使用的优惠券金额</span>
                    </div>
                    <div class="stat_num">
                        {{$stat['total_coupon_amount']}}元
                    </div>
                </el-card>
            </el-col>
        </el-row>
    </div>

@stop
@section('javascript')
    <script src="{{mix('/js/manifest.js', 'assets')}}"></script>
    <script src="{{mix('/js/vendor.js', 'assets')}}"></script>
    <script src="{{mix('/js/admin.auth.index.js', 'assets')}}"></script>
@stop